
<?php include 'inc/top.php';?>
<?php
// include 'inc/slideshow.php';
 ?>

<tr>

	<td style="border-top:1px dotted #999999;">

	<table border="0" width="100%" id="table4">

		<tr>
		
			<td valign="top">

				<table border="0" width="100%" id="table6">

					<tr>

						<td>
						<table width="100%" cellpadding="0" cellspacing="0"
							style="padding: 0px;">

							<tr>

								<td style="font-size: 18px; color: #1AB3EC; padding-left:20px">Contact us</td>

							</tr>
							<tr>
								<td align="right" style="padding-top: 5px; text-align: right">
								<table width="100%" align="right">
							
								</table>
								</td>
							</tr>
							<tr>

								<td style="padding-left : 60px">
									<div id="contact_info" style="width:400px; float:left">
									<h2>VINA ATM</h2>
									<h3>VINA ADVANCE TRANSPORT MERCHANT CO.,LTD</h3>
									<table>
										<tr>
											<td><b>Address:</b></td>
											<td> 384/1C Nam Ki Khoi Nghia St., Ward 8. Dist 3, HCM City.</td>
										</tr>
										<tr>
											<td><b>Phone:</b></td>
											<td> (84-8) 35267149 / 50 / 51</td>
										</tr>
										<tr>
											<td><b>Fax:</b></td>
											<td> (84-8) 35267152</td>
										</tr>
										<tr>
											<td><b>Email:</b></td>
											<td> thanhnam@atmvina.com</td>
										</tr>
										<tr>
											<td><b>Website:</b></td>
											<td> http://www.atmvina.com</td>
										</tr>
									</table>
									<br><br>
									<table>
										<tr>
											<td colspan="2"><h2>Điền thông tin của bạn vào đây và chúng tôi sẽ liên lạc bạn sớm nhất</h2></td>
										</tr>
										<tr>
											<td>Họ Tên : </td><td><input type="text" id="full_nm" name="full_nm" /></td>
										</tr>
										<tr>
											<td>Điện thoại : </td><td><input type="text" id="phone" name="phone" /></td>
										</tr>
										<tr>	
											<td>Email : </td><td><input type="text" id="email" name="email" /></td>
										</tr>
										<tr>
											<td colspan="2"><h2><input type="button" id="ok_send" name="ok_send" value="Gửi thông tin cho chúng tôi" onclick="sendInformation();" /></h2></td>
										</tr>
									</table>
									</div>
									<div id="map_canvas"></div>
									
								</td>

							</tr>

							<tr>

								<td height="5"></td>

							</tr>

						</table>





						</td>

					</tr>

				</table>

				</td>

			

		</tr>

	</table>

	</td>

</tr>
			<?php
//			 include 'inc/customer_slide.php';
			 ?>
			<?php include 'inc/footer.php';?>

<tr>

	<td>&nbsp;</td>

</tr>

<tr>

	<td>&nbsp;</td>

</tr>

</table>

</body>
<!-- DC Parallax Slider CSS -->
<!--<link rel="stylesheet" type="text/css" href="css/tsc_parallax.css" />-->
<!--<link rel="stylesheet" href="jscript/nivo-slider/demo/style.css" type="text/css" media="screen" />-->
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/default/default.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/light/light.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/dark/dark.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/themes/bar/bar.css"
	type="text/css" media="screen" />
<link
	rel="stylesheet" href="jscript/nivo-slider/nivo-slider.css"
	type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css">
<style type="text/css">

#table31 td{border-radius: 4px}

</style>

<style>
      #map_canvas {
        width: 550px;
        height: 400px;
        background-color: #CCC;
        float: right;
        
      }
    </style>


<!-- DC Javascript Library -->
<!-- jQuery Library (do not call twice on same page) -->

<!-- DC Parallax Slider JS -->
<script
	src="jscript/jquery-1.11.0.min.js"></script>
<script
	src="jscript/jquery-migrate-1.2.1.min.js"></script>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
<script
	type="text/javascript" src="jscript/nivo-slider/jquery.nivo.slider.js"></script>
<script
	type="text/javascript" src="jscript/content_hover.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<link rel="stylesheet" href="jscript/reveal/reveal.css">
<script type="text/javascript" src="jscript/reveal/jquery.reveal.js"></script>
<script type="text/javascript">

        
        $(window).load(function() {
            $('#slider').nivoSlider({
//            effect: 'random',
//            slices: 15,
//            boxCols: 8,
//            boxRows: 4,
//            animSpeed: 500,
//            pauseTime: 3000,
//            startSlide: 0,
//            directionNav: true,
//            controlNav: true,
//            controlNavThumbs: false,
//            pauseOnHover: true,
//            manualAdvance: false,
//            prevText: 'Prev',
//            nextText: 'Next',
//            randomStart: false,
//            beforeChange: function(){},
//            afterChange: function(){},
//            slideshowEnd: function(){},
//            lastSlide: function(){},
//            afterLoad: function(){}
            });
            $('.d1').contenthover({
                overlay_background:'#000',
                overlay_opacity:0.8
            });
            $('.d2').contenthover({
                effect:'slide',
                slide_speed:300,
                overlay_background:'#000',
                overlay_opacity:0.8
            });
            $('.d3').contenthover({
                overlay_width:270,
                overlay_height:180,
                effect:'slide',
                slide_direction:'right',
                overlay_x_position:'right',
                overlay_y_position:'center',
                overlay_background:'#000',
                overlay_opacity:0.8
            });
         // Add class for link which be choise
            var path_name = window.location.pathname;
            var path_array = path_name.split("/");
            $("#table31 a").each(function(index,value){
				if($(value).attr("href")==path_array[2]){
					$(value).removeClass("menumain");
					$(value).addClass("menumainselect");
					$(value).parent().addClass("choose");
					
				}else{
					$(value).removeClass("menumain");
					$(value).removeClass("menumainselect");
					$(value).addClass("menumain");
					$(value).parent().removeClass("choose");
				}	
            });
        });

        function initialize() {
            var map_canvas = document.getElementById('map_canvas');
            var myLatlng = new google.maps.LatLng(10.79128,106.68320);
            var map_options = {
              center: myLatlng,
              zoom: 15,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(map_canvas, map_options);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'VINA ATM'
            });
                      
          }
          google.maps.event.addDomListener(window, 'load', initialize);

          function sendInformation(){
				alert("Thông tin của bạn đã được gửi, chúng tôi sẽ liên lạc với bạn sớm nhất có thể !");
           }

</script>
</html>



